/**
 * Copyright (c) 2020 kedacom
 * OpenATC is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 * http://license.coscl.org.cn/MulanPSL2
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 **/
<template>
  <div v-if="reset" class="motorway-icon">
    <!-- <div class="phaseText" :style="{'left': Data.x - Data.w / 2  - 10 + 'px', 'top': Data.y - Data.h / 2 - 10  + 'px', 'transform': 'rotate('+ Data.angle+'deg)' }">{{Data.phaselabel}}</div> -->
    <drr
      :style="{'z-index': chooseIndex === Data.index ? 9 : 0}"
      :id="'motor-'+ Data.index"
      :x="item.x"
      :y="item.y"
      :w="item.w"
      :h="item.h"
      :selected="chooseIndex === Data.index"
      :selectable="isSeletable"
      :angle="item.angle"
      :aspectRatio="true"
      @select="handleSelectIcon(item)"
      @dragstop="boxDragStop(item, ...arguments)"
      @resizestop="boxResizeStop(item, ...arguments)"
      @rotatestop="boxRotateStop(item, ...arguments)"
    >
      <div
        class="phaseText"
        style="top: -28px;"
        :style="{'marginLeft': Data.w / 2 + 'px', 'transform': `translateX(-50%) rotate(${-item.angle}deg)` }"
      >{{Data.phaselabel}}</div>

      <svg
        version="1.1"
        id="图层_1"
        xmlns="http://www.w3.org/2000/svg"
        x="0px"
        y="0px"
        viewBox="0 0 45 100"
        xml:space="preserve"
        :width="IconW"
        :height="IconH"
      >
        <!-- 渠化图手动绘制图标 -->
        <g v-if="UsageMode === 'draw'">
          <g v-for="(name, index) in iconnameArr" :key="index">
            <path
              id="直行"
              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
              :class="name === '直行' ? '' : 'invisible'"
              d="M7572.88,1912h-2.61v-28.3h-3.26l4.56-7.7,4.43,7.7h-3.12V1912h-2.61"
              transform="translate(-7548 -1876)"
            ></path>
            <path
              id="左转"
              :class="name === '左转' ? '' : 'invisible'"
              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
              d="M7570.47,1893.69V1912h2.54v-18.44a5.038,5.038,0,0,0-4.83-4.98l-2.41-.38,0.38-3.19-8.14,3.44,6.87,5.5,0.38-3.2,2.8,0.39a2.615,2.615,0,0,1,2.41,2.55h0Zm0,0V1912h2.54v-18.44m-2.54,18.44h2.54m-2.54-4.28V1912h2.54v-4.28"
              transform="translate(-7548 -1876)"
            ></path>
            <path
              id="右转"
              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
              :class="name === '右转' ? '' : 'invisible'"
              d="M7572.53,1893.69V1912h-2.54v-18.44a5.038,5.038,0,0,1,4.83-4.98l2.41-.38-0.38-3.19,8.14,3.44-6.87,5.5-0.38-3.2-2.8.39a2.615,2.615,0,0,0-2.41,2.55h0Zm0-.13V1912h-2.54v-18.56m2.54,18.56h-2.54m2.54,0h-2.54v-4.28"
              transform="translate(-7548 -1876)"
            ></path>
            <path
              id="掉头"
              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
              :class="name === '掉头' ? '' : 'invisible'"
              d="M7570,1912h2.54m-2.54,0h2.54m-2.54,0h2.54m-11.44-11.31v3.71h-3.18l4.45,7.68,4.45-7.68h-3.18v-3.71c0-1.28,1.4-2.43,3.18-2.43,1.65,0,3.18,1.15,3.18,2.43V1912h2.54v-11.31c0-2.69-2.54-5-5.72-5C7563.64,1895.82,7561.1,1898,7561.1,1900.69Z"
              transform="translate(-7548 -1876)"
            ></path>
          </g>
          <g>
            <!-- 特殊车道类型 -->
            <path
              id="mainroad"
              v-if="Data.controltype === 0"
              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
              d="m 29.449665,55.157473 1.73734,5.322986 h 0.40494 c 0.91497,0 1.65943,0.745202 1.65943,1.659436 v 3.831845 c 0,0.914968 -0.74446,1.659437 -1.65943,1.659437 h -1.07592 v 1.951933 c 0,0.543836 -0.44315,0.98699 -0.98699,0.98699 h -2.65671 c -0.5431,0 -0.98626,-0.443154 -0.98626,-0.98699 v -1.951933 h -6.87733 v 1.951933 c 0,0.543836 -0.44315,0.98699 -0.98699,0.98699 h -2.65745 c -0.54384,0 -0.98699,-0.443154 -0.98699,-0.98699 v -1.951933 h -1.07591 c -0.91424,0 -1.65871,-0.744469 -1.65871,-1.659437 v -3.831845 c 0,-0.914234 0.74447,-1.659436 1.65871,-1.659436 h 0.40493 l 1.73808,-5.322986 c 0.27191,-0.834128 1.04504,-1.394868 1.92253,-1.394868 h 10.1602 c 0.87675,0 1.65061,0.56074 1.92253,1.394868 z m -2.29293,14.141224 h 2.08863 v -1.66752 h -2.08863 z m -0.73786,-4.715946 c 0,0.347615 0.28295,0.631292 0.63056,0.631292 h 2.73388 c 0.34762,0 0.63056,-0.283677 0.63056,-0.631292 v -1.473503 c 0,-0.347615 -0.28294,-0.630557 -0.63056,-0.630557 h -2.73388 c -0.34761,0 -0.63056,0.282942 -0.63056,0.630557 z m -10.77017,4.715946 h 2.08863 v -1.66752 h -2.08863 z m -1.16925,-4.715946 c 0,0.347615 0.28368,0.631292 0.6313,0.631292 h 2.73314 c 0.34762,0 0.63056,-0.283677 0.63056,-0.631292 v -1.473503 c 0,-0.347615 -0.28294,-0.630557 -0.63056,-0.630557 h -2.73314 c -0.34762,0 -0.6313,0.282942 -0.6313,0.630557 z m 2.88748,-9.549479 c -0.3263,0 -0.61292,0.207981 -0.71433,0.51885 l -1.60873,4.928337 h 14.80632 l -1.60873,-4.928337 c -0.10142,-0.310869 -0.38877,-0.51885 -0.71433,-0.51885 z m 2.46491,1.238331 c 0.2653,0.230763 0.29249,0.632762 0.0632,0.897331 l -2.1195,2.439916 c -0.13155,0.149923 -0.31748,0.224149 -0.50268,0.217534 -0.14037,-0.0044 -0.28074,-0.05585 -0.39391,-0.155067 -0.26531,-0.230763 -0.29323,-0.632026 -0.0632,-0.896595 l 2.11876,-2.439917 c 0.23002,-0.264568 0.63276,-0.292495 0.89733,-0.06321 z m 0.86132,1.442637 c 0.22929,-0.265304 0.63055,-0.296171 0.89659,-0.06762 0.26604,0.228558 0.29691,0.629821 0.0676,0.896596 l -0.94363,1.098697 c -0.12567,0.145513 -0.30425,0.221209 -0.4821,0.221209 -0.14625,0 -0.29397,-0.05071 -0.41449,-0.153597 -0.26604,-0.228559 -0.29544,-0.629822 -0.0669,-0.896596 z"
            ></path>
            <path
              id="sideroad"
              v-if="Data.controltype === 1"
              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
              d="m 30.030758,70.573204 c 0,0 -2.24193,-0.0074 -6.0165,0.01553 3.02093,-2.652358 5.44882,-7.639667 4.4602,-10.926486 -1.14816,-3.290292 -4.6071,-6.339017 -11.68284,-7.561373 3.79816,0.139862 20.50678,1.615937 13.23914,18.472325 z m -13.00606,-18.23613 c 5.73079,1.47924 9.54134,4.410305 9.39265,8.389123 -0.22016,3.660251 -4.22863,8.307785 -6.2964,9.912616 -5.84597,0.02711 -6.86454,0.01504 -6.86454,0.01504 0,0 18.72693,-13.094853 3.76829,-18.316795 z"
            ></path>
            <path
              v-if="Data.controltype === 3 && Data.flip === true"
              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
              d="m 17.093778,82.614566 v -1.946 c 1.622,0 2.87,-1.427 2.87,-3.114 0,-1.687 -1.248,-2.985 -2.87,-3.115 v -16.221 c 1.622,0 2.87,-1.428 2.87,-3.114 0,-1.688 -1.248,-2.985 -2.87,-3.116 v -4.412 -1.168 -0.259 c 0,-0.519 0.375,-0.779 0.749,-0.779 h 4.241 l 0.5,1.038 h 3.742 c 1.248,0 2.246,1.039 2.246,2.336 v 35.947 c 0.124,2.726 -1.747,4.672 -3.992,4.672 h -5.864 c -0.374,-1.427 -1.123,-4.932 -1.622,-6.749 z m 9.856,-32.053 v -1.297 c 0,-0.52 -0.375,-0.779 -0.749,-0.779 h -7.111 c -0.499,0 -0.748,0.389 -0.748,0.779 v 1.167 c 0,0.52 0.374,0.779 0.748,0.779 l 7.111,0.129 c 0.5,0 0.749,-0.388 0.749,-0.778 z m -0.499,9.862 c 0.374,0 0.624,-0.388 0.624,-0.648 v -6.359 c 0,-0.389 -0.374,-0.648 -0.624,-0.648 h -2.62 c -0.374,0 -0.624,0.389 -0.624,0.648 v 6.359 c 0,0.39 0.374,0.648 0.624,0.648 z m 0,8.696 c 0.374,0 0.624,-0.389 0.624,-0.65 v -6.358 c 0,-0.39 -0.374,-0.649 -0.624,-0.649 h -2.62 c -0.374,0 -0.624,0.39 -0.624,0.649 v 6.358 c 0,0.391 0.374,0.65 0.624,0.65 z m 0,8.824 c 0.374,0 0.624,-0.389 0.624,-0.649 v -6.489 c 0,-0.388 -0.374,-0.648 -0.624,-0.648 h -2.62 c -0.374,0 -0.624,0.389 -0.624,0.648 v 6.489 c 0,0.389 0.374,0.649 0.624,0.649 z m 0,8.825 c 0.374,0 0.624,-0.39 0.624,-0.648 v -6.36 c 0,-0.389 -0.374,-0.649 -0.624,-0.649 h -2.62 c -0.374,0 -0.624,0.39 -0.624,0.649 v 6.36 c 0,0.389 0.374,0.648 0.624,0.648 z m -7.361,-31.535 c 0,1.039 -0.998,2.336 -2.245,2.336 -1.248,0 -2.246,-1.039 -2.246,-2.336 0,-1.297 0.998,-2.336 2.246,-2.336 1.247,0 2.245,1.039 2.245,2.336 z m -3.867,0 c 0.125,1.039 0.873,1.687 1.622,1.687 0.748,0 1.622,-0.648 1.622,-1.687 0,-1.038 -0.624,-1.687 -1.622,-1.687 -0.749,0 -1.622,0.649 -1.622,1.687 z m 3.867,22.45 c 0,1.298 -0.998,2.336 -2.245,2.336 -1.248,0 -2.246,-1.038 -2.246,-2.336 0,-1.298 0.998,-2.336 2.246,-2.336 1.247,0 2.245,1.038 2.245,2.336 z m -3.867,0 c 0,0.909 0.873,1.688 1.622,1.688 0.748,0 1.622,-0.649 1.622,-1.688 0,-0.778 -0.624,-1.686 -1.622,-1.686 -0.749,0 -1.622,0.648 -1.622,1.686 z"
              id="bus-back"
            ></path>
            <path
              v-if="Data.controltype === 3 && Data.flip === false"
              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
              d="m 28.446777,82.589286 v -1.946 c -1.622,0 -2.869999,-1.427 -2.87,-3.114 0,-1.687 1.248,-2.985 2.87,-3.115 v -16.221 c -1.622,0 -2.87,-1.428 -2.87,-3.114 0,-1.688002 1.248001,-2.985002 2.87,-3.116002 v -4.412 l 10e-7,-1.168 -10e-7,-0.259 c 0,-0.519 -0.374999,-0.779 -0.749,-0.779 h -4.240999 l -0.5,1.038 h -3.742 c -1.248,0 -2.246,1.039 -2.246,2.335999 l -1e-6,35.947003 c -0.123999,2.726 1.747,4.672 3.992001,4.672 h 5.864 c 0.374,-1.427 1.123,-4.932 1.621999,-6.749 z m -9.855999,-32.053002 -1e-6,-1.297 c 0,-0.52 0.375001,-0.779 0.749001,-0.779 h 7.111 c 0.499,0 0.748,0.389 0.747999,0.779 v 1.167 c 1e-6,0.52 -0.374,0.779 -0.747999,0.779 l -7.111001,0.129 c -0.5,0 -0.748999,-0.388 -0.748999,-0.778 z m 0.499,9.862002 c -0.374001,0 -0.624,-0.388 -0.624,-0.648 v -6.359002 c 0,-0.389 0.374,-0.648 0.623999,-0.648 h 2.620001 c 0.374,2e-6 0.623999,0.389 0.624,0.648 l -10e-7,6.359002 c 10e-7,0.39 -0.373999,0.648 -0.624,0.648 z m 0,8.696 c -0.374001,0 -0.624001,-0.389 -0.624,-0.65 l -1e-6,-6.358 c 1e-6,-0.39 0.374001,-0.649 0.624001,-0.649 h 2.619999 c 0.374001,0 0.624001,0.39 0.624,0.649 l 10e-7,6.358 c 0,0.391 -0.374001,0.65 -0.624,0.65 z m 0,8.824 c -0.374,0 -0.624,-0.389 -0.624,-0.649 v -6.489 c -1e-6,-0.388 0.374,-0.648 0.624,-0.648 h 2.62 c 0.374,0 0.624,0.389 0.624,0.648 v 6.489 c -10e-7,0.389 -0.374,0.649 -0.624,0.649 z m 0,8.825 c -0.374,0 -0.624,-0.39 -0.624,-0.648 v -6.36 c 0,-0.389 0.374,-0.649 0.623999,-0.649 h 2.620001 c 0.373999,0 0.623999,0.39 0.624,0.649 v 6.36 c -10e-7,0.389 -0.374,0.648 -0.624,0.648 z m 7.360999,-31.535 c 0,1.039 0.998,2.336 2.245,2.336 1.248,0 2.246,-1.039 2.246001,-2.336 -1e-6,-1.297 -0.998,-2.336002 -2.246001,-2.336002 -1.247,0 -2.244999,1.039002 -2.245,2.336002 z m 3.867001,0 c -0.125001,1.039 -0.873001,1.687 -1.622001,1.687 -0.748,0 -1.621999,-0.648 -1.621999,-1.687 0,-1.038 0.624,-1.687 1.621999,-1.687 0.749001,0 1.622001,0.649 1.622001,1.687 z m -3.867,22.45 c 0,1.298 0.997999,2.336 2.244999,2.336 1.248,0 2.246,-1.038 2.246,-2.336 0,-1.298 -0.998,-2.336 -2.246,-2.336 -1.247,0 -2.245,1.038 -2.244999,2.336 z m 3.866999,0 c 0,0.909 -0.873,1.688 -1.622,1.688 -0.748,0 -1.622,-0.649 -1.622,-1.688 0,-0.778 0.624,-1.686 1.622,-1.686 0.749,0 1.622,0.648 1.622,1.686 z"
              id="bus-front"
            ></path>
            <path
              v-if="Data.controltype === 4 && Data.flip === false"
              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
              d="m 17.952161,49.63424 h 10.787998 v 2.119 H 17.952161 v 3.128006 h -2.197 V 46.51424 h 2.197 z m 8.253998,7.998006 2.534,-1.28 v 2.537 l -2.826,1.539 c -1.021,0.555 -1.66,0.93 -1.917,1.129 -0.257,0.198 -0.434,0.409 -0.531,0.631 -0.098,0.222 -0.147,0.579 -0.147,1.068 v 0.438 h 5.421 v 2.122 H 15.755161 v -4.478 c 0,-1.144 0.117,-1.962 0.35,-2.453 0.233,-0.491 0.638,-0.894 1.214,-1.209 0.575,-0.316 1.265,-0.473 2.068,-0.473 1.016,0 1.834,0.241 2.453,0.722 0.619998,0.483 1.009998,1.167 1.168998,2.055 0.331,-0.455 0.693,-0.833 1.086,-1.13 0.392,-0.298 1.096,-0.705 2.111,-1.218 z m -5.605998,2.006 c -0.259,-0.163 -0.605,-0.245 -1.036,-0.245 -0.413,0 -0.746,0.082 -0.997,0.245 -0.25,0.164 -0.423,0.386 -0.518,0.666 -0.064,0.199 -0.097,0.774 -0.097,1.726 v 1.664 h 3.295 v -1.576 c 0,-0.964 -0.043,-1.577 -0.128,-1.841 -0.086,-0.262 -0.259,-0.475 -0.519,-0.639 z m 2.391998,9.589 c 0.543,-0.354 1.204,-0.53 1.983,-0.53 0.945,0 1.744,0.225 2.397,0.676 0.652,0.448 1.054,0.98 1.208,1.594 0.107,0.425 0.16,1.416 0.16,2.97 v 3.583 H 15.755161 v -4.219 c 0,-1.152 0.107,-1.962 0.319,-2.429 0.213,-0.469 0.588,-0.862 1.125,-1.184 0.537,-0.323 1.146,-0.482 1.825,-0.482 0.626,0 1.191,0.138 1.696,0.413 0.505,0.275 0.878,0.634 1.12,1.073 0.224998,-0.624 0.607998,-1.113 1.151998,-1.465 z m -4.538998,2.304 c -0.24,0.167 -0.389,0.368 -0.448,0.605 -0.059,0.236 -0.088,0.916 -0.088,2.038 v 1.226 h 3.002 v -1.402 c 0,-0.841 -0.015,-1.36 -0.044,-1.559 -0.059,-0.363 -0.214,-0.646 -0.465,-0.851 -0.251,-0.204 -0.592,-0.307 -1.023,-0.307 -0.384,0 -0.696,0.085 -0.934,0.25 z m 5.347998,-0.376 c -0.274,0.178 -0.463,0.416 -0.566,0.711 -0.103,0.296 -0.155,0.901 -0.155,1.814 v 1.72 h 3.463 v -1.975 c 0,-0.867 -0.045,-1.422 -0.137,-1.669 -0.091,-0.246 -0.27,-0.451 -0.538,-0.618 -0.269,-0.167 -0.608,-0.25 -1.021,-0.25 -0.424,0 -0.773,0.09 -1.046,0.267 z"
              id="brt-front"
            ></path>
            <path
              v-if="Data.controltype === 4 && Data.flip === true"
              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
              d="m 26.8914,77.546676 h -10.788 v -2.119 h 10.788 v -3.128 h 2.197 v 8.367 h -2.197 z m -8.254,-7.998 -2.534,1.28 v -2.537 l 2.826,-1.539 c 1.021,-0.555 1.66,-0.93 1.917,-1.129 0.257,-0.198 0.434,-0.409 0.531,-0.631 0.098,-0.222 0.147,-0.579 0.147,-1.068 v -0.438 h -5.421 v -2.122 h 12.985 v 4.478 c 0,1.144 -0.117,1.962 -0.35,2.453 -0.233,0.491 -0.638,0.894 -1.214,1.209 -0.575,0.316 -1.265,0.473 -2.068,0.473 -1.016,0 -1.834,-0.241 -2.453,-0.722 -0.62,-0.483 -1.01,-1.167 -1.169,-2.055 -0.331,0.455 -0.693,0.833 -1.086,1.13 -0.392,0.298 -1.096,0.705 -2.111,1.218 z m 5.606,-2.006 c 0.259,0.163 0.605,0.245 1.036,0.245 0.413,0 0.746,-0.082 0.997,-0.245 0.25,-0.164 0.423,-0.386 0.518,-0.666 0.064,-0.199 0.097,-0.774 0.097,-1.726 v -1.664 h -3.295 v 1.576 c 0,0.964 0.043,1.577 0.128,1.841 0.086,0.262 0.259,0.475 0.519,0.639 z m -2.392,-9.589 c -0.543,0.354 -1.204,0.53 -1.983,0.53 -0.945,0 -1.744,-0.225 -2.397,-0.676 -0.652,-0.448 -1.054,-0.98 -1.208,-1.594 -0.107,-0.425 -0.16,-1.416 -0.16,-2.969995 v -3.583 h 12.985 v 4.218995 c 0,1.152 -0.107,1.962 -0.319,2.429 -0.213,0.469 -0.588,0.862 -1.125,1.184 -0.537,0.323 -1.146,0.482 -1.825,0.482 -0.626,0 -1.191,-0.138 -1.696,-0.413 -0.505,-0.275 -0.878,-0.634 -1.12,-1.073 -0.225,0.624 -0.608,1.113 -1.152,1.465 z m 4.539,-2.304 c 0.24,-0.167 0.389,-0.368 0.448,-0.605 0.059,-0.236 0.088,-0.916 0.088,-2.037995 v -1.226 h -3.002 v 1.402 c 0,0.840995 0.015,1.359995 0.044,1.558995 0.059,0.363 0.214,0.646 0.465,0.851 0.251,0.204 0.592,0.307 1.023,0.307 0.384,0 0.696,-0.085 0.934,-0.25 z m -5.348,0.376 c 0.274,-0.178 0.463,-0.416 0.566,-0.71099 0.103,-0.29601 0.155,-0.90101 0.155,-1.81401 v -1.719995 h -3.462999 v 1.975005 c 0,0.86699 0.045,1.42199 0.137,1.66899 0.091,0.246 0.269999,0.451 0.537999,0.618 0.269001,0.167 0.608001,0.25 1.021,0.25 0.424001,0 0.773,-0.09 1.046,-0.267 z"
              id="brt-back"
            ></path>
            <path
              v-if="Data.controltype === 5 && Data.flip === true"
              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
              d="M 13.749618,87.965596 V 44.251595 c 0,-0.257 0.383,-0.643 0.639,-0.643 0.256,0 0.64,0.257 0.64,0.643 v 43.714001 c 0,0.386 -0.384,0.643 -0.64,0.643 -0.256,0 -0.639,-0.257 -0.639,-0.643 z m 2.813,-1.8 v -0.514 -0.772 -1.157 -0.514 -1.157 -6.3 -1.157 -0.643 -1.157 -6.3 -1.157 -0.515 -1.157 -6.814 -1.157 -0.515 -1.157 -0.643 -5.528001 c -0.383,-1.414 2.047,-2.443 3.326,-2.443 4.348,0 7.929,3.6 7.929,7.971001 v 4.115 l 0.64,-1.029 c 0,-0.128 0.128,-0.128 0.384,-0.128 0.127,0 0.127,0.128 0.383,0.128 l 1.535,3.986 c 0,0.128 0,0.386 -0.128,0.514 -0.128,0 -0.384,0 -0.512,-0.128 l -1.278,-3.343 -0.768,1.285 v 27.386 c 0,0.514 -0.384,0.772 -0.767,0.772 h -9.976 c -0.512,0 -0.768,-0.386 -0.768,-0.772 z m 7.418,-33.171 c 0.512,0 1.024,-0.515001 1.024,-1.029001 0,-1.671 -1.279,-2.957 -2.942,-2.957 h -3.581 c -0.512,-0.129 -1.023,0.386 -1.023,0.9 v 2.057 c 0,0.514 0.511,1.029001 1.023,1.029001 z m 0.384,5.014 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.186 c 0,-0.385 -0.384,-0.642 -0.64,-0.642 h -2.814 v 0.128 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,3.857 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,3.986 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,4.243 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,3.985 c 0.384,0 0.64,-0.385 0.64,-0.642 v -2.058 c 0,-0.385 -0.384,-0.642 -0.64,-0.642 h -2.814 c -0.383,0 -0.639,0.385 -0.639,0.642 v 2.058 c 0,0.385 0.384,0.642 0.639,0.642 z m 0,3.729 c 0.384,0 0.64,-0.386 0.64,-0.643 v -1.928 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,-0.129 -0.639,0.257 -0.639,0.514 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,4.371 c 0.384,0 0.64,-0.385 0.64,-0.642 v -2.058 c 0,-0.385 -0.384,-0.642 -0.64,-0.642 h -2.814 c -0.383,0 -0.639,0.385 -0.639,0.642 v 2.058 c 0,0.385 0.384,0.642 0.639,0.642 z m 0,3.858 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.385 -0.639,0.643 v 2.057 c 0,0.385 0.384,0.643 0.639,0.643 z"
              id="rail-back"
            ></path>
            <path
              v-if="Data.controltype === 5 && Data.flip === false"
              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
              d="m 30.991609,88.016356 v -43.714 c 0,-0.257 -0.383,-0.643 -0.639,-0.643 -0.256,0 -0.64,0.257 -0.64,0.643 v 43.714 c 0,0.386 0.384,0.643 0.64,0.643 0.256,0 0.639,-0.257 0.639,-0.643 z m -2.813,-1.8 v -0.514 -0.772 -1.157 -0.514 -1.157 -6.3 -1.157 -0.643 -1.157 -6.3 -1.157 -0.515 -1.157 -6.814 -1.157 -0.515 -1.157 -0.643 -5.528 c 0.383,-1.414 -2.047,-2.443 -3.326,-2.443 -4.348,0 -7.929,3.6 -7.929,7.971 v 4.115 l -0.64,-1.029 c 0,-0.128 -0.128,-0.128 -0.384,-0.128 -0.127,0 -0.127,0.128 -0.383,0.128 l -1.535,3.986 c 0,0.128 0,0.386 0.128,0.514 0.128,0 0.384,0 0.512,-0.128 l 1.278,-3.343 0.768,1.285 v 27.386 c 0,0.514 0.384,0.772 0.767,0.772 h 9.976 c 0.512,0 0.768,-0.386 0.768,-0.772 z m -7.418,-33.171 c -0.512,0 -1.024,-0.515 -1.024,-1.029 0,-1.671 1.279,-2.957 2.942,-2.957 h 3.581 c 0.512,-0.129 1.023,0.386 1.023,0.9 v 2.057 c 0,0.514 -0.511,1.029 -1.023,1.029 z m -0.384,5.014 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.186 c 0,-0.385 0.384,-0.642 0.64,-0.642 h 2.814 v 0.128 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,3.857 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,3.986 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,4.243 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,3.985 c -0.384,0 -0.64,-0.385 -0.64,-0.642 v -2.058 c 0,-0.385 0.384,-0.642 0.64,-0.642 h 2.814 c 0.383,0 0.639,0.385 0.639,0.642 v 2.058 c 0,0.385 -0.384,0.642 -0.639,0.642 z m 0,3.729 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -1.928 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,-0.129 0.639,0.257 0.639,0.514 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,4.371 c -0.384,0 -0.64,-0.385 -0.64,-0.642 v -2.058 c 0,-0.385 0.384,-0.642 0.64,-0.642 h 2.814 c 0.383,0 0.639,0.385 0.639,0.642 v 2.058 c 0,0.385 -0.384,0.642 -0.639,0.642 z m 0,3.858 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.385 0.639,0.643 v 2.057 c 0,0.385 -0.384,0.643 -0.639,0.643 z"
              id="rail-front"
            ></path>
            <path
              v-if="Data.controltype === 6 && Data.flip === true"
              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
              d="m 24.392089,69.558502 c 0,-0.410119 -0.05739,-0.816369 -0.170883,-1.209077 l 2.416219,-1.142013 1.168451,0.46493 0.0019,0.676438 c 6.45e-4,0.187649 0.07674,0.363046 0.213442,0.496528 0.137996,0.133482 0.319841,0.205704 0.512649,0.205059 0.397867,-0.0019 0.721577,-0.318551 0.721577,-0.706746 l -0.01096,-2.904363 c 0,-0.187649 -0.07609,-0.36498 -0.213443,-0.497817 -0.137996,-0.132837 -0.319841,-0.204415 -0.513293,-0.20377 -0.397222,0.0019 -0.720287,0.317907 -0.720287,0.706101 l 0.0026,0.705456 -0.40754,-0.163145 V 59.09274 l 0.757044,0.234077 c 0.13993,0.05094 0.347569,0.178621 0.347569,0.288889 v 1.21617 c 0,0.388194 0.325,0.704166 0.724156,0.704166 0.399157,0 0.723512,-0.315972 0.723512,-0.704166 v -1.21617 c 0,-0.936954 -0.838293,-1.462499 -1.336755,-1.625644 l -4.268202,-1.319346 c 0.03547,-0.223115 0.05223,-0.450098 0.05223,-0.677082 0,-2.484572 -2.077679,-4.504859 -4.630604,-4.504859 -2.552925,0 -4.630603,2.020286 -4.630603,4.504859 0,2.483928 2.077678,4.504859 4.630603,4.504859 1.752033,0 3.353174,-0.969196 4.137945,-2.485861 l 0.651934,0.20119 -5.240623,5.113588 v 0.01225 c -0.0071,0.009 -0.01419,0.01806 -0.02193,0.02902 -0.02902,0.04321 -0.05094,0.08319 -0.06319,0.114782 -0.01096,0.02515 -0.01741,0.04836 -0.02193,0.06835 l 0.22892,0.08319 v 0 l -0.248265,-0.02063 c -0.01032,0.04578 -0.01548,0.0935 -0.01548,0.142509 l -0.0026,1.334815 c -2.280802,0.286309 -4.035415,2.20729 -4.035415,4.466813 0,2.484572 2.077678,4.505503 4.630603,4.505503 2.552925,0 4.630604,-2.020931 4.630604,-4.505503 z m 1.552132,-4.150196 -4.773114,-1.902275 4.773114,-4.657686 z m -5.332836,1.169096 c 0.6687,0.1812 1.261954,0.574553 1.684325,1.115575 L 20.608161,68.49 Z m 3.005605,0.490724 c -0.695139,-1.019493 -1.771379,-1.713342 -3.003026,-1.937747 l 0.0013,-0.325644 4.224998,1.686259 z m -4.458431,2.547122 c 0,0.243105 0.126388,0.465575 0.338541,0.597122 0.214732,0.130258 0.476537,0.143155 0.701587,0.03611 l 2.687053,-1.26969 c 0.03934,0.192162 0.05868,0.386259 0.05868,0.579712 0,1.708183 -1.427679,3.097171 -3.182936,3.097171 -1.755902,0 -3.184225,-1.388988 -3.184225,-3.097171 0,-1.504414 1.094295,-2.768947 2.587102,-3.04236 z m 0.717063,-14.323846 c -0.18507,-0.05675 -0.381101,-0.04062 -0.552629,0.04643 -0.170882,0.08641 -0.298561,0.232787 -0.355952,0.411408 -0.12252,0.371429 0.09866,0.769296 0.470089,0.884722 l 3.053322,0.944048 c -0.57004,0.927281 -1.613392,1.512797 -2.728967,1.512797 -1.755902,0 -3.184225,-1.388988 -3.184225,-3.097172 0,-1.708184 1.428323,-3.097171 3.184225,-3.097171 1.755257,0 3.182936,1.388987 3.182936,3.097171 0,0.07867 -0.0039,0.158631 -0.01161,0.24246 z"
              id="bike-back"
            ></path>
            <path
              v-if="Data.controltype === 6 && Data.flip === false"
              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
              d="m 20.709132,69.609465 c 0,-0.412018 0.0577,-0.820149 0.17168,-1.214676 l -2.42741,-1.147301 -1.17386,0.467083 -0.002,0.679571 c -6.5e-4,0.188517 -0.0771,0.364726 -0.21444,0.498826 -0.13863,0.1341 -0.32132,0.206657 -0.51502,0.206009 -0.39971,-0.0019 -0.72492,-0.320026 -0.72492,-0.710018 l 0.011,-2.917812 c 0,-0.188518 0.0764,-0.36667 0.21443,-0.500122 0.13863,-0.133453 0.32132,-0.205362 0.51567,-0.204714 0.39906,0.0019 0.72362,0.319379 0.72362,0.709371 l -0.003,0.708722 0.40943,-0.1639 v -6.925269 l -0.76055,0.235161 c -0.14058,0.05118 -0.34918,0.179448 -0.34918,0.290227 v 1.221801 c 0,0.389992 -0.32651,0.707427 -0.72751,0.707427 -0.40101,0 -0.72686,-0.317435 -0.72686,-0.707427 v -1.221801 c 0,-0.941293 0.84217,-1.469271 1.34294,-1.633172 l 4.28797,-1.325453 c -0.0356,-0.224148 -0.0525,-0.452183 -0.0525,-0.680218 0,-2.496077 2.0873,-4.525719 4.65205,-4.525719 2.56474,0 4.65204,2.029642 4.65204,4.525719 0,2.495428 -2.0873,4.525718 -4.65204,4.525718 -1.76015,0 -3.3687,-0.973684 -4.15711,-2.497373 l -0.65495,0.202122 5.26489,5.137274 v 0.01231 c 0.007,0.0091 0.0143,0.01814 0.022,0.02915 0.0291,0.04341 0.0512,0.08357 0.0635,0.115314 0.011,0.02526 0.0175,0.04859 0.022,0.06866 l -0.22998,0.08358 v 0 l 0.24941,-0.02073 c 0.0104,0.046 0.0155,0.09394 0.0155,0.14317 l 0.003,1.340995 c 2.29137,0.287635 4.0541,2.217511 4.0541,4.487497 0,2.496076 -2.0873,4.526366 -4.65204,4.526366 -2.56475,0 -4.65205,-2.03029 -4.65205,-4.526366 z m -1.55932,-4.169414 4.79522,-1.911082 -4.79522,-4.67926 z m 5.35753,1.17451 c -0.67179,0.18204 -1.26779,0.577214 -1.69212,1.120741 l 1.69536,0.800714 z m -3.01952,0.492996 c 0.69836,-1.024214 1.77958,-1.721275 3.01693,-1.946719 l -0.001,-0.327153 -4.24457,1.694067 z m 4.47908,2.558916 c 0,0.244231 -0.12698,0.467731 -0.34011,0.599888 -0.21573,0.130861 -0.47875,0.143818 -0.70484,0.03628 l -2.69949,-1.275571 c -0.0395,0.193053 -0.0589,0.388049 -0.0589,0.582397 0,1.716093 1.43428,3.111512 3.19767,3.111512 1.76403,0 3.19897,-1.395419 3.19897,-3.111512 0,-1.51138 -1.09936,-2.781769 -2.59908,-3.056447 z m -0.72039,-14.390176 c 0.18593,-0.05701 0.38287,-0.04081 0.55519,0.04664 0.17167,0.08681 0.29994,0.233865 0.3576,0.413313 0.12309,0.373148 -0.0991,0.772858 -0.47226,0.888819 l -3.06746,0.948418 c 0.57267,0.931575 1.62086,1.519802 2.7416,1.519802 1.76403,0 3.19897,-1.395419 3.19897,-3.111512 0,-1.716093 -1.43494,-3.111512 -3.19897,-3.111512 -1.76339,0 -3.19767,1.395419 -3.19767,3.111512 0,0.07903 0.004,0.159365 0.0117,0.243582 z"
              id="bike-front"
            ></path>
            <!-- <path id="机动车道"
            v-if="Data.controltype === 0"
            :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
            d="M7580.97,1933h-22.54a0.864,0.864,0,0,1-.82-1.13l2.56-7.84a2.74,2.74,0,0,1,2.62-1.9h13.82a2.74,2.74,0,0,1,2.62,1.9l2.56,7.84A0.864,0.864,0,0,1,7580.97,1933Zm-21.34-1.73h20.14l-2.18-6.71a1.024,1.024,0,0,0-.98-0.7h-13.82a1,1,0,0,0-.97.7Zm4.05,13.73h-3.62a1.34,1.34,0,0,1-1.34-1.34v-3.05a1.34,1.34,0,0,1,1.34-1.34h3.62a1.34,1.34,0,0,1,1.34,1.34v3.05A1.34,1.34,0,0,1,7563.68,1945Zm-3.23-1.73h2.84V1941h-2.84v2.27Zm18.89,1.73h-3.62a1.34,1.34,0,0,1-1.34-1.34v-3.05a1.34,1.34,0,0,1,1.34-1.34h3.62a1.34,1.34,0,0,1,1.34,1.34v3.05A1.34,1.34,0,0,1,7579.34,1945Zm-3.23-1.73h2.84V1941h-2.84v2.27Zm6.03-12h-24.88a2.258,2.258,0,0,0-2.26,2.26v5.21a2.258,2.258,0,0,0,2.26,2.26h24.88a2.258,2.258,0,0,0,2.26-2.26v-5.21A2.258,2.258,0,0,0,7582.14,1931.27Zm-17.85,5.58a0.851,0.851,0,0,1-.85.86h-3.72a0.86,0.86,0,0,1-.86-0.86v-2a0.86,0.86,0,0,1,.86-0.86h3.72a0.851,0.851,0,0,1,.85.86v2Zm16.25,0a0.854,0.854,0,0,1-.86.86h-3.72a0.851,0.851,0,0,1-.85-0.86v-2a0.851,0.851,0,0,1,.85-0.86h3.72a0.854,0.854,0,0,1,.86.86v2Zm-17.88-6.47a0.935,0.935,0,0,1-.54-0.21,0.859,0.859,0,0,1-.08-1.22l2.88-3.32a0.865,0.865,0,1,1,1.31,1.13l-2.89,3.32A0.845,0.845,0,0,1,7562.66,1930.38Zm4.03,0.05a0.894,0.894,0,0,1-.57-0.21,0.868,0.868,0,0,1-.09-1.22l1.28-1.49a0.87,0.87,0,0,1,1.22-.1,0.861,0.861,0,0,1,.1,1.22l-1.29,1.5A0.849,0.849,0,0,1,7566.69,1930.43ZM55,1920H16438M55,1947H16438M84,1924H16467" transform="translate(-7548 -1876)"/>
          <path id="机动车支路"
            v-if="Data.controltype === 1"
            :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
            d="M7577.33,1930.61c-0.95-3.49-4.79-7.2-11.11-9.27,16.49,7.32-10.21,25.55-10.21,25.55,0.13,0.14,7.02.13,13.47,0.09C7571.76,1944.74,7579.07,1936.91,7577.33,1930.61Zm-11.37-9.6c7.8,1.71,12.58,4.26,13.84,8.87,1.75,6.37-3.36,13.36-6.69,17.08,4.17-.03,7.45-0.07,7.45-0.07C7594.96,1923.36,7570.15,1921.2,7565.96,1921.01Z" transform="translate(-7548 -1876)"/>
          <path id="公交车道"
            v-if="Data.controltype === 3"
            :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
            d="M7557.87,1936.49a2.252,2.252,0,1,0,2.34,2.25A2.469,2.469,0,0,0,7557.87,1936.49Zm0,3.87a1.679,1.679,0,0,1-1.69-1.62,1.537,1.537,0,0,1,1.69-1.62,1.679,1.679,0,0,1,1.69,1.62A1.764,1.764,0,0,1,7557.87,1940.36Zm22.45-3.87a2.252,2.252,0,1,0,2.34,2.25A2.287,2.287,0,0,0,7580.32,1936.49Zm0,3.87a1.621,1.621,0,1,1,1.69-1.62A1.777,1.777,0,0,1,7580.32,1940.36Zm7.01-13.35h-35.95a2.278,2.278,0,0,0-2.33,2.25V1933l-1.04.5v4.24a0.732,0.732,0,0,0,.78.75h5.83a3.093,3.093,0,0,1,3.12-2.87,3,3,0,0,1,3.12,2.87h16.22a3.076,3.076,0,0,1,3.11-2.87,2.992,2.992,0,0,1,3.11,2.87h1.95c1.82-.5,5.32-1.25,6.75-1.62v-5.86A4.19,4.19,0,0,0,7587.33,1927.01Zm-33.35,2.37-0.13,7.11a0.732,0.732,0,0,1-.78.75h-1.17a0.736,0.736,0,0,1-.78-0.75v-7.11a0.73,0.73,0,0,1,.78-0.74h1.3a0.728,0.728,0,0,1,.78.74h0Zm9.08,2.37a0.687,0.687,0,0,1-.65.63h-6.36a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.36a0.684,0.684,0,0,1,.65.62v2.62Zm8.7,0a0.687,0.687,0,0,1-.65.63h-6.36a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.36a0.684,0.684,0,0,1,.65.62v2.62Zm8.82,0a0.687,0.687,0,0,1-.65.63h-6.49a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.49a0.684,0.684,0,0,1,.65.62v2.62Zm8.83,0a0.687,0.687,0,0,1-.65.63h-6.36a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.36a0.692,0.692,0,0,1,.65.62v2.62Z" transform="translate(-7548 -1876)"/>
          <path id="BRT"
            v-if="Data.controltype === 4"
            :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
            d="M7554.92,1927.97h4.22a6.467,6.467,0,0,1,2.43.32,2.677,2.677,0,0,1,1.19,1.13,3.46,3.46,0,0,1,.48,1.82,3.56,3.56,0,0,1-.41,1.7,2.781,2.781,0,0,1-1.08,1.12,2.814,2.814,0,0,1,1.47,1.15,3.566,3.566,0,0,1,.53,1.98,4.116,4.116,0,0,1-.68,2.4,2.814,2.814,0,0,1-1.59,1.21,17,17,0,0,1-2.97.16h-3.59v-12.99Zm2.12,2.16v3.01h1.41a14.58,14.58,0,0,0,1.56-.05,1.349,1.349,0,0,0,.85-0.46,1.618,1.618,0,0,0,.3-1.03,1.572,1.572,0,0,0-.25-0.93,1.011,1.011,0,0,0-.6-0.45,12.642,12.642,0,0,0-2.04-.09h-1.23Zm0,5.17v3.46h1.98a5.755,5.755,0,0,0,1.67-.14,1.229,1.229,0,0,0,.62-0.54,1.923,1.923,0,0,0,.25-1.02,1.847,1.847,0,0,0-.27-1.04,1.359,1.359,0,0,0-.71-0.57,6.911,6.911,0,0,0-1.81-.15h-1.73Zm9.59,5.66v-12.99h4.48a6.233,6.233,0,0,1,2.45.35,2.793,2.793,0,0,1,1.21,1.22,4.265,4.265,0,0,1,.47,2.06,3.91,3.91,0,0,1-.72,2.46,3.215,3.215,0,0,1-2.05,1.17,5.562,5.562,0,0,1,1.13,1.08,16.127,16.127,0,0,1,1.21,2.11l1.28,2.54h-2.53l-1.54-2.83a20.26,20.26,0,0,0-1.13-1.92,1.784,1.784,0,0,0-.63-0.53,3.089,3.089,0,0,0-1.07-.14h-0.44v5.42h-2.12Zm2.12-7.5h1.58a8.411,8.411,0,0,0,1.84-.12,1.235,1.235,0,0,0,.64-0.52,1.977,1.977,0,0,0,.24-1.04,1.874,1.874,0,0,0-.24-1,1.255,1.255,0,0,0-.67-0.51,7.888,7.888,0,0,0-1.73-.1h-1.66v3.29Zm11.94,7.5v-10.79h-3.13v-2.2h8.37v2.2h-3.12v10.79h-2.12Z" transform="translate(-7548 -1876)"/>
          <path id="有轨电车"
            v-if="Data.controltype === 5"
            :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
            d="M7552.24,1940.19h38.32a0.738,0.738,0,0,0,.77-0.77v-9.97a0.739,0.739,0,0,0-.77-0.77h-27.39l-1.28-.77,3.34-1.28a0.742,0.742,0,0,0,.13-0.51,0.833,0.833,0,0,0-.52-0.12l-3.98,1.53a1.123,1.123,0,0,1-.13.38c0,0.26,0,.39.13,0.39l1.03,0.64h-4.12a7.99,7.99,0,0,0-7.97,7.93h0C7549.8,1938.15,7550.83,1940.58,7552.24,1940.19Zm34.85-7.8a0.678,0.678,0,0,1,.64-0.64h2.06a0.694,0.694,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64v-2.81Zm-3.86,0a0.686,0.686,0,0,1,.64-0.64h2.06a0.686,0.686,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64v-2.81Zm-4.24,2.81v-2.81a0.678,0.678,0,0,1,.64-0.64h1.93a0.694,0.694,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.509,0.509,0,0,1-.51-0.64h0Zm-3.86-2.81a0.686,0.686,0,0,1,.64-0.64h2.06a0.686,0.686,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64v-2.81Zm-3.99,0a0.688,0.688,0,0,1,.65-0.64h2.05a0.7,0.7,0,0,1,.65.64v2.81a0.688,0.688,0,0,1-.65.64h-2.05a0.686,0.686,0,0,1-.65-0.64v-2.81Zm-4.24,0a0.686,0.686,0,0,1,.64-0.64h2.06a0.686,0.686,0,0,1,.64.64v2.81a0.678,0.678,0,0,1-.64.64h-2.06a0.685,0.685,0,0,1-.64-0.64v-2.81Zm-3.99,0a0.688,0.688,0,0,1,.65-0.64h2.05a0.7,0.7,0,0,1,.65.64v2.81a0.688,0.688,0,0,1-.65.64h-2.05a0.686,0.686,0,0,1-.65-0.64v-2.81Zm-3.98,2.81v-2.81a0.686,0.686,0,0,1,.64-0.64h2.19a0.694,0.694,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64h-0.13Zm-5.53,3.07v-3.58a2.905,2.905,0,0,1,2.96-2.94,1.106,1.106,0,0,1,1.03,1.02v5.5a1.116,1.116,0,0,1-1.03,1.03h-2.06a0.916,0.916,0,0,1-.9-1.03h0Zm39.6,4.1a0.694,0.694,0,0,1-.64.64h-43.72a0.839,0.839,0,0,1-.64-0.64,0.686,0.686,0,0,1,.64-0.64h43.72A0.686,0.686,0,0,1,7593,1942.37Z" transform="translate(-7548 -1876)"/>
          <path id="非机动车"
            v-if="Data.controltype === 6"
            :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
            d="M7581.02,1931.62a6.608,6.608,0,0,0-1.87.27l-1.77-3.75,0.72-1.81h1.05a1.084,1.084,0,0,0,.77-0.33,1.143,1.143,0,0,0,.32-0.8,1.121,1.121,0,0,0-1.1-1.12l-4.5.02a1.107,1.107,0,0,0-.78.33,1.18,1.18,0,0,0-.31.8,1.1,1.1,0,0,0,1.09,1.11h1.1l-0.26.63h-10.69l0.37-1.17a0.789,0.789,0,0,1,.45-0.54h1.88a1.126,1.126,0,0,0,0-2.25h-1.88a2.855,2.855,0,0,0-2.53,2.08l-2.04,6.62a6.2,6.2,0,0,0-1.05-.09,7.188,7.188,0,1,0,6.98,7.19,7.225,7.225,0,0,0-3.85-6.42l0.31-1.01,7.93,8.12h0.02a0.1,0.1,0,0,0,.05.04,1.062,1.062,0,0,0,.17.1c0.04,0.01.08,0.02,0.11,0.03l0.13-.35h0l-0.03.38a0.784,0.784,0,0,0,.22.02l2.07,0.01A7,7,0,1,0,7581.02,1931.62Zm-6.43-2.4-2.95,7.4-7.22-7.4h10.17Zm1.81,8.27a4.918,4.918,0,0,1,1.73-2.61l1.24,2.61h-2.97Zm0.76-4.66a7.159,7.159,0,0,0-3,4.65h-0.51l2.62-6.55Zm3.95,6.91a1.09,1.09,0,0,0,.93-0.52,1.142,1.142,0,0,0,.05-1.09l-1.96-4.17a4.406,4.406,0,0,1,.89-0.09,4.937,4.937,0,0,1,0,9.87,4.808,4.808,0,0,1-4.71-4.01Zm-22.21-1.11a1.165,1.165,0,0,0,.07.86,1.119,1.119,0,0,0,.64.55,1.088,1.088,0,0,0,1.37-.73l1.47-4.74a5.026,5.026,0,0,1,2.34,4.24,4.8,4.8,0,1,1-4.8-4.94c0.12,0,.24.01,0.37,0.02Z" transform="translate(-7548 -1876)"/>-->
          </g>
        </g>
        <!-- 展示相位图标 -->
        <g v-if="UsageMode === 'show'">
          <g v-for="(name, index) in iconnameArr" :key="index">
            <path
              id="直行"
              :class="name === '直行' ? '' : 'invisible'"
              :fill="GreenFlashColor ? GreenFlashColor : (Data.color ? Data.color : showDefaultColor)"
              d="M7572.88,1912h-2.61v-28.3h-3.26l4.56-7.7,4.43,7.7h-3.12V1912h-2.61"
              transform="translate(-7548 -1876)"
            ></path>
            <path
              id="左转"
              :class="name === '左转' ? '' : 'invisible'"
              :fill="GreenFlashColor ? GreenFlashColor : (Data.color ? Data.color : showDefaultColor)"
              d="M7570.47,1893.69V1912h2.54v-18.44a5.038,5.038,0,0,0-4.83-4.98l-2.41-.38,0.38-3.19-8.14,3.44,6.87,5.5,0.38-3.2,2.8,0.39a2.615,2.615,0,0,1,2.41,2.55h0Zm0,0V1912h2.54v-18.44m-2.54,18.44h2.54m-2.54-4.28V1912h2.54v-4.28"
              transform="translate(-7548 -1876)"
            ></path>
            <path
              id="右转"
              :class="name === '右转' ? '' : 'invisible'"
              :fill="GreenFlashColor ? GreenFlashColor : (Data.color ? Data.color : showDefaultColor)"
              d="M7572.53,1893.69V1912h-2.54v-18.44a5.038,5.038,0,0,1,4.83-4.98l2.41-.38-0.38-3.19,8.14,3.44-6.87,5.5-0.38-3.2-2.8.39a2.615,2.615,0,0,0-2.41,2.55h0Zm0-.13V1912h-2.54v-18.56m2.54,18.56h-2.54m2.54,0h-2.54v-4.28"
              transform="translate(-7548 -1876)"
            ></path>
            <path
              id="掉头"
              :class="name === '掉头' ? '' : 'invisible'"
              :fill="GreenFlashColor ? GreenFlashColor : (Data.color ? Data.color : showDefaultColor)"
              d="M7570,1912h2.54m-2.54,0h2.54m-2.54,0h2.54m-11.44-11.31v3.71h-3.18l4.45,7.68,4.45-7.68h-3.18v-3.71c0-1.28,1.4-2.43,3.18-2.43,1.65,0,3.18,1.15,3.18,2.43V1912h2.54v-11.31c0-2.69-2.54-5-5.72-5C7563.64,1895.82,7561.1,1898,7561.1,1900.69Z"
              transform="translate(-7548 -1876)"
            ></path>
          </g>
          <g>
            <!-- 特殊车道类型 -->
            <!-- <path
              id="mainroad"
              v-if="Data.controltype === 0"
              :fill="showDefaultColor"
              d="m 29.449665,55.157473 1.73734,5.322986 h 0.40494 c 0.91497,0 1.65943,0.745202 1.65943,1.659436 v 3.831845 c 0,0.914968 -0.74446,1.659437 -1.65943,1.659437 h -1.07592 v 1.951933 c 0,0.543836 -0.44315,0.98699 -0.98699,0.98699 h -2.65671 c -0.5431,0 -0.98626,-0.443154 -0.98626,-0.98699 v -1.951933 h -6.87733 v 1.951933 c 0,0.543836 -0.44315,0.98699 -0.98699,0.98699 h -2.65745 c -0.54384,0 -0.98699,-0.443154 -0.98699,-0.98699 v -1.951933 h -1.07591 c -0.91424,0 -1.65871,-0.744469 -1.65871,-1.659437 v -3.831845 c 0,-0.914234 0.74447,-1.659436 1.65871,-1.659436 h 0.40493 l 1.73808,-5.322986 c 0.27191,-0.834128 1.04504,-1.394868 1.92253,-1.394868 h 10.1602 c 0.87675,0 1.65061,0.56074 1.92253,1.394868 z m -2.29293,14.141224 h 2.08863 v -1.66752 h -2.08863 z m -0.73786,-4.715946 c 0,0.347615 0.28295,0.631292 0.63056,0.631292 h 2.73388 c 0.34762,0 0.63056,-0.283677 0.63056,-0.631292 v -1.473503 c 0,-0.347615 -0.28294,-0.630557 -0.63056,-0.630557 h -2.73388 c -0.34761,0 -0.63056,0.282942 -0.63056,0.630557 z m -10.77017,4.715946 h 2.08863 v -1.66752 h -2.08863 z m -1.16925,-4.715946 c 0,0.347615 0.28368,0.631292 0.6313,0.631292 h 2.73314 c 0.34762,0 0.63056,-0.283677 0.63056,-0.631292 v -1.473503 c 0,-0.347615 -0.28294,-0.630557 -0.63056,-0.630557 h -2.73314 c -0.34762,0 -0.6313,0.282942 -0.6313,0.630557 z m 2.88748,-9.549479 c -0.3263,0 -0.61292,0.207981 -0.71433,0.51885 l -1.60873,4.928337 h 14.80632 l -1.60873,-4.928337 c -0.10142,-0.310869 -0.38877,-0.51885 -0.71433,-0.51885 z m 2.46491,1.238331 c 0.2653,0.230763 0.29249,0.632762 0.0632,0.897331 l -2.1195,2.439916 c -0.13155,0.149923 -0.31748,0.224149 -0.50268,0.217534 -0.14037,-0.0044 -0.28074,-0.05585 -0.39391,-0.155067 -0.26531,-0.230763 -0.29323,-0.632026 -0.0632,-0.896595 l 2.11876,-2.439917 c 0.23002,-0.264568 0.63276,-0.292495 0.89733,-0.06321 z m 0.86132,1.442637 c 0.22929,-0.265304 0.63055,-0.296171 0.89659,-0.06762 0.26604,0.228558 0.29691,0.629821 0.0676,0.896596 l -0.94363,1.098697 c -0.12567,0.145513 -0.30425,0.221209 -0.4821,0.221209 -0.14625,0 -0.29397,-0.05071 -0.41449,-0.153597 -0.26604,-0.228559 -0.29544,-0.629822 -0.0669,-0.896596 z"
            ></path>
            <path
              id="sideroad"
              v-if="Data.controltype === 1"
              :fill="showDefaultColor"
              d="m 30.030758,70.573204 c 0,0 -2.24193,-0.0074 -6.0165,0.01553 3.02093,-2.652358 5.44882,-7.639667 4.4602,-10.926486 -1.14816,-3.290292 -4.6071,-6.339017 -11.68284,-7.561373 3.79816,0.139862 20.50678,1.615937 13.23914,18.472325 z m -13.00606,-18.23613 c 5.73079,1.47924 9.54134,4.410305 9.39265,8.389123 -0.22016,3.660251 -4.22863,8.307785 -6.2964,9.912616 -5.84597,0.02711 -6.86454,0.01504 -6.86454,0.01504 0,0 18.72693,-13.094853 3.76829,-18.316795 z"
            ></path> -->
            <path
              v-if="Data.controltype === 3 && Data.flip === true"
              :fill="showDefaultColor"
              d="m 17.093778,82.614566 v -1.946 c 1.622,0 2.87,-1.427 2.87,-3.114 0,-1.687 -1.248,-2.985 -2.87,-3.115 v -16.221 c 1.622,0 2.87,-1.428 2.87,-3.114 0,-1.688 -1.248,-2.985 -2.87,-3.116 v -4.412 -1.168 -0.259 c 0,-0.519 0.375,-0.779 0.749,-0.779 h 4.241 l 0.5,1.038 h 3.742 c 1.248,0 2.246,1.039 2.246,2.336 v 35.947 c 0.124,2.726 -1.747,4.672 -3.992,4.672 h -5.864 c -0.374,-1.427 -1.123,-4.932 -1.622,-6.749 z m 9.856,-32.053 v -1.297 c 0,-0.52 -0.375,-0.779 -0.749,-0.779 h -7.111 c -0.499,0 -0.748,0.389 -0.748,0.779 v 1.167 c 0,0.52 0.374,0.779 0.748,0.779 l 7.111,0.129 c 0.5,0 0.749,-0.388 0.749,-0.778 z m -0.499,9.862 c 0.374,0 0.624,-0.388 0.624,-0.648 v -6.359 c 0,-0.389 -0.374,-0.648 -0.624,-0.648 h -2.62 c -0.374,0 -0.624,0.389 -0.624,0.648 v 6.359 c 0,0.39 0.374,0.648 0.624,0.648 z m 0,8.696 c 0.374,0 0.624,-0.389 0.624,-0.65 v -6.358 c 0,-0.39 -0.374,-0.649 -0.624,-0.649 h -2.62 c -0.374,0 -0.624,0.39 -0.624,0.649 v 6.358 c 0,0.391 0.374,0.65 0.624,0.65 z m 0,8.824 c 0.374,0 0.624,-0.389 0.624,-0.649 v -6.489 c 0,-0.388 -0.374,-0.648 -0.624,-0.648 h -2.62 c -0.374,0 -0.624,0.389 -0.624,0.648 v 6.489 c 0,0.389 0.374,0.649 0.624,0.649 z m 0,8.825 c 0.374,0 0.624,-0.39 0.624,-0.648 v -6.36 c 0,-0.389 -0.374,-0.649 -0.624,-0.649 h -2.62 c -0.374,0 -0.624,0.39 -0.624,0.649 v 6.36 c 0,0.389 0.374,0.648 0.624,0.648 z m -7.361,-31.535 c 0,1.039 -0.998,2.336 -2.245,2.336 -1.248,0 -2.246,-1.039 -2.246,-2.336 0,-1.297 0.998,-2.336 2.246,-2.336 1.247,0 2.245,1.039 2.245,2.336 z m -3.867,0 c 0.125,1.039 0.873,1.687 1.622,1.687 0.748,0 1.622,-0.648 1.622,-1.687 0,-1.038 -0.624,-1.687 -1.622,-1.687 -0.749,0 -1.622,0.649 -1.622,1.687 z m 3.867,22.45 c 0,1.298 -0.998,2.336 -2.245,2.336 -1.248,0 -2.246,-1.038 -2.246,-2.336 0,-1.298 0.998,-2.336 2.246,-2.336 1.247,0 2.245,1.038 2.245,2.336 z m -3.867,0 c 0,0.909 0.873,1.688 1.622,1.688 0.748,0 1.622,-0.649 1.622,-1.688 0,-0.778 -0.624,-1.686 -1.622,-1.686 -0.749,0 -1.622,0.648 -1.622,1.686 z"
              id="bus-back"
            ></path>
            <path
              v-if="Data.controltype === 3 && Data.flip === false"
              :fill="showDefaultColor"
              d="m 28.446777,82.589286 v -1.946 c -1.622,0 -2.869999,-1.427 -2.87,-3.114 0,-1.687 1.248,-2.985 2.87,-3.115 v -16.221 c -1.622,0 -2.87,-1.428 -2.87,-3.114 0,-1.688002 1.248001,-2.985002 2.87,-3.116002 v -4.412 l 10e-7,-1.168 -10e-7,-0.259 c 0,-0.519 -0.374999,-0.779 -0.749,-0.779 h -4.240999 l -0.5,1.038 h -3.742 c -1.248,0 -2.246,1.039 -2.246,2.335999 l -1e-6,35.947003 c -0.123999,2.726 1.747,4.672 3.992001,4.672 h 5.864 c 0.374,-1.427 1.123,-4.932 1.621999,-6.749 z m -9.855999,-32.053002 -1e-6,-1.297 c 0,-0.52 0.375001,-0.779 0.749001,-0.779 h 7.111 c 0.499,0 0.748,0.389 0.747999,0.779 v 1.167 c 1e-6,0.52 -0.374,0.779 -0.747999,0.779 l -7.111001,0.129 c -0.5,0 -0.748999,-0.388 -0.748999,-0.778 z m 0.499,9.862002 c -0.374001,0 -0.624,-0.388 -0.624,-0.648 v -6.359002 c 0,-0.389 0.374,-0.648 0.623999,-0.648 h 2.620001 c 0.374,2e-6 0.623999,0.389 0.624,0.648 l -10e-7,6.359002 c 10e-7,0.39 -0.373999,0.648 -0.624,0.648 z m 0,8.696 c -0.374001,0 -0.624001,-0.389 -0.624,-0.65 l -1e-6,-6.358 c 1e-6,-0.39 0.374001,-0.649 0.624001,-0.649 h 2.619999 c 0.374001,0 0.624001,0.39 0.624,0.649 l 10e-7,6.358 c 0,0.391 -0.374001,0.65 -0.624,0.65 z m 0,8.824 c -0.374,0 -0.624,-0.389 -0.624,-0.649 v -6.489 c -1e-6,-0.388 0.374,-0.648 0.624,-0.648 h 2.62 c 0.374,0 0.624,0.389 0.624,0.648 v 6.489 c -10e-7,0.389 -0.374,0.649 -0.624,0.649 z m 0,8.825 c -0.374,0 -0.624,-0.39 -0.624,-0.648 v -6.36 c 0,-0.389 0.374,-0.649 0.623999,-0.649 h 2.620001 c 0.373999,0 0.623999,0.39 0.624,0.649 v 6.36 c -10e-7,0.389 -0.374,0.648 -0.624,0.648 z m 7.360999,-31.535 c 0,1.039 0.998,2.336 2.245,2.336 1.248,0 2.246,-1.039 2.246001,-2.336 -1e-6,-1.297 -0.998,-2.336002 -2.246001,-2.336002 -1.247,0 -2.244999,1.039002 -2.245,2.336002 z m 3.867001,0 c -0.125001,1.039 -0.873001,1.687 -1.622001,1.687 -0.748,0 -1.621999,-0.648 -1.621999,-1.687 0,-1.038 0.624,-1.687 1.621999,-1.687 0.749001,0 1.622001,0.649 1.622001,1.687 z m -3.867,22.45 c 0,1.298 0.997999,2.336 2.244999,2.336 1.248,0 2.246,-1.038 2.246,-2.336 0,-1.298 -0.998,-2.336 -2.246,-2.336 -1.247,0 -2.245,1.038 -2.244999,2.336 z m 3.866999,0 c 0,0.909 -0.873,1.688 -1.622,1.688 -0.748,0 -1.622,-0.649 -1.622,-1.688 0,-0.778 0.624,-1.686 1.622,-1.686 0.749,0 1.622,0.648 1.622,1.686 z"
              id="bus-front"
            ></path>
            <path
              v-if="Data.controltype === 4 && Data.flip === false"
              :fill="showDefaultColor"
              d="m 17.952161,49.63424 h 10.787998 v 2.119 H 17.952161 v 3.128006 h -2.197 V 46.51424 h 2.197 z m 8.253998,7.998006 2.534,-1.28 v 2.537 l -2.826,1.539 c -1.021,0.555 -1.66,0.93 -1.917,1.129 -0.257,0.198 -0.434,0.409 -0.531,0.631 -0.098,0.222 -0.147,0.579 -0.147,1.068 v 0.438 h 5.421 v 2.122 H 15.755161 v -4.478 c 0,-1.144 0.117,-1.962 0.35,-2.453 0.233,-0.491 0.638,-0.894 1.214,-1.209 0.575,-0.316 1.265,-0.473 2.068,-0.473 1.016,0 1.834,0.241 2.453,0.722 0.619998,0.483 1.009998,1.167 1.168998,2.055 0.331,-0.455 0.693,-0.833 1.086,-1.13 0.392,-0.298 1.096,-0.705 2.111,-1.218 z m -5.605998,2.006 c -0.259,-0.163 -0.605,-0.245 -1.036,-0.245 -0.413,0 -0.746,0.082 -0.997,0.245 -0.25,0.164 -0.423,0.386 -0.518,0.666 -0.064,0.199 -0.097,0.774 -0.097,1.726 v 1.664 h 3.295 v -1.576 c 0,-0.964 -0.043,-1.577 -0.128,-1.841 -0.086,-0.262 -0.259,-0.475 -0.519,-0.639 z m 2.391998,9.589 c 0.543,-0.354 1.204,-0.53 1.983,-0.53 0.945,0 1.744,0.225 2.397,0.676 0.652,0.448 1.054,0.98 1.208,1.594 0.107,0.425 0.16,1.416 0.16,2.97 v 3.583 H 15.755161 v -4.219 c 0,-1.152 0.107,-1.962 0.319,-2.429 0.213,-0.469 0.588,-0.862 1.125,-1.184 0.537,-0.323 1.146,-0.482 1.825,-0.482 0.626,0 1.191,0.138 1.696,0.413 0.505,0.275 0.878,0.634 1.12,1.073 0.224998,-0.624 0.607998,-1.113 1.151998,-1.465 z m -4.538998,2.304 c -0.24,0.167 -0.389,0.368 -0.448,0.605 -0.059,0.236 -0.088,0.916 -0.088,2.038 v 1.226 h 3.002 v -1.402 c 0,-0.841 -0.015,-1.36 -0.044,-1.559 -0.059,-0.363 -0.214,-0.646 -0.465,-0.851 -0.251,-0.204 -0.592,-0.307 -1.023,-0.307 -0.384,0 -0.696,0.085 -0.934,0.25 z m 5.347998,-0.376 c -0.274,0.178 -0.463,0.416 -0.566,0.711 -0.103,0.296 -0.155,0.901 -0.155,1.814 v 1.72 h 3.463 v -1.975 c 0,-0.867 -0.045,-1.422 -0.137,-1.669 -0.091,-0.246 -0.27,-0.451 -0.538,-0.618 -0.269,-0.167 -0.608,-0.25 -1.021,-0.25 -0.424,0 -0.773,0.09 -1.046,0.267 z"
              id="brt-front"
            ></path>
            <path
              v-if="Data.controltype === 4 && Data.flip === true"
              :fill="showDefaultColor"
              d="m 26.8914,77.546676 h -10.788 v -2.119 h 10.788 v -3.128 h 2.197 v 8.367 h -2.197 z m -8.254,-7.998 -2.534,1.28 v -2.537 l 2.826,-1.539 c 1.021,-0.555 1.66,-0.93 1.917,-1.129 0.257,-0.198 0.434,-0.409 0.531,-0.631 0.098,-0.222 0.147,-0.579 0.147,-1.068 v -0.438 h -5.421 v -2.122 h 12.985 v 4.478 c 0,1.144 -0.117,1.962 -0.35,2.453 -0.233,0.491 -0.638,0.894 -1.214,1.209 -0.575,0.316 -1.265,0.473 -2.068,0.473 -1.016,0 -1.834,-0.241 -2.453,-0.722 -0.62,-0.483 -1.01,-1.167 -1.169,-2.055 -0.331,0.455 -0.693,0.833 -1.086,1.13 -0.392,0.298 -1.096,0.705 -2.111,1.218 z m 5.606,-2.006 c 0.259,0.163 0.605,0.245 1.036,0.245 0.413,0 0.746,-0.082 0.997,-0.245 0.25,-0.164 0.423,-0.386 0.518,-0.666 0.064,-0.199 0.097,-0.774 0.097,-1.726 v -1.664 h -3.295 v 1.576 c 0,0.964 0.043,1.577 0.128,1.841 0.086,0.262 0.259,0.475 0.519,0.639 z m -2.392,-9.589 c -0.543,0.354 -1.204,0.53 -1.983,0.53 -0.945,0 -1.744,-0.225 -2.397,-0.676 -0.652,-0.448 -1.054,-0.98 -1.208,-1.594 -0.107,-0.425 -0.16,-1.416 -0.16,-2.969995 v -3.583 h 12.985 v 4.218995 c 0,1.152 -0.107,1.962 -0.319,2.429 -0.213,0.469 -0.588,0.862 -1.125,1.184 -0.537,0.323 -1.146,0.482 -1.825,0.482 -0.626,0 -1.191,-0.138 -1.696,-0.413 -0.505,-0.275 -0.878,-0.634 -1.12,-1.073 -0.225,0.624 -0.608,1.113 -1.152,1.465 z m 4.539,-2.304 c 0.24,-0.167 0.389,-0.368 0.448,-0.605 0.059,-0.236 0.088,-0.916 0.088,-2.037995 v -1.226 h -3.002 v 1.402 c 0,0.840995 0.015,1.359995 0.044,1.558995 0.059,0.363 0.214,0.646 0.465,0.851 0.251,0.204 0.592,0.307 1.023,0.307 0.384,0 0.696,-0.085 0.934,-0.25 z m -5.348,0.376 c 0.274,-0.178 0.463,-0.416 0.566,-0.71099 0.103,-0.29601 0.155,-0.90101 0.155,-1.81401 v -1.719995 h -3.462999 v 1.975005 c 0,0.86699 0.045,1.42199 0.137,1.66899 0.091,0.246 0.269999,0.451 0.537999,0.618 0.269001,0.167 0.608001,0.25 1.021,0.25 0.424001,0 0.773,-0.09 1.046,-0.267 z"
              id="brt-back"
            ></path>
            <path
              v-if="Data.controltype === 5 && Data.flip === true"
              :fill="showDefaultColor"
              d="M 13.749618,87.965596 V 44.251595 c 0,-0.257 0.383,-0.643 0.639,-0.643 0.256,0 0.64,0.257 0.64,0.643 v 43.714001 c 0,0.386 -0.384,0.643 -0.64,0.643 -0.256,0 -0.639,-0.257 -0.639,-0.643 z m 2.813,-1.8 v -0.514 -0.772 -1.157 -0.514 -1.157 -6.3 -1.157 -0.643 -1.157 -6.3 -1.157 -0.515 -1.157 -6.814 -1.157 -0.515 -1.157 -0.643 -5.528001 c -0.383,-1.414 2.047,-2.443 3.326,-2.443 4.348,0 7.929,3.6 7.929,7.971001 v 4.115 l 0.64,-1.029 c 0,-0.128 0.128,-0.128 0.384,-0.128 0.127,0 0.127,0.128 0.383,0.128 l 1.535,3.986 c 0,0.128 0,0.386 -0.128,0.514 -0.128,0 -0.384,0 -0.512,-0.128 l -1.278,-3.343 -0.768,1.285 v 27.386 c 0,0.514 -0.384,0.772 -0.767,0.772 h -9.976 c -0.512,0 -0.768,-0.386 -0.768,-0.772 z m 7.418,-33.171 c 0.512,0 1.024,-0.515001 1.024,-1.029001 0,-1.671 -1.279,-2.957 -2.942,-2.957 h -3.581 c -0.512,-0.129 -1.023,0.386 -1.023,0.9 v 2.057 c 0,0.514 0.511,1.029001 1.023,1.029001 z m 0.384,5.014 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.186 c 0,-0.385 -0.384,-0.642 -0.64,-0.642 h -2.814 v 0.128 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,3.857 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,3.986 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,4.243 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,3.985 c 0.384,0 0.64,-0.385 0.64,-0.642 v -2.058 c 0,-0.385 -0.384,-0.642 -0.64,-0.642 h -2.814 c -0.383,0 -0.639,0.385 -0.639,0.642 v 2.058 c 0,0.385 0.384,0.642 0.639,0.642 z m 0,3.729 c 0.384,0 0.64,-0.386 0.64,-0.643 v -1.928 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,-0.129 -0.639,0.257 -0.639,0.514 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,4.371 c 0.384,0 0.64,-0.385 0.64,-0.642 v -2.058 c 0,-0.385 -0.384,-0.642 -0.64,-0.642 h -2.814 c -0.383,0 -0.639,0.385 -0.639,0.642 v 2.058 c 0,0.385 0.384,0.642 0.639,0.642 z m 0,3.858 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.385 -0.639,0.643 v 2.057 c 0,0.385 0.384,0.643 0.639,0.643 z"
              id="rail-back"
            ></path>
            <path
              v-if="Data.controltype === 5 && Data.flip === false"
              :fill="showDefaultColor"
              d="m 30.991609,88.016356 v -43.714 c 0,-0.257 -0.383,-0.643 -0.639,-0.643 -0.256,0 -0.64,0.257 -0.64,0.643 v 43.714 c 0,0.386 0.384,0.643 0.64,0.643 0.256,0 0.639,-0.257 0.639,-0.643 z m -2.813,-1.8 v -0.514 -0.772 -1.157 -0.514 -1.157 -6.3 -1.157 -0.643 -1.157 -6.3 -1.157 -0.515 -1.157 -6.814 -1.157 -0.515 -1.157 -0.643 -5.528 c 0.383,-1.414 -2.047,-2.443 -3.326,-2.443 -4.348,0 -7.929,3.6 -7.929,7.971 v 4.115 l -0.64,-1.029 c 0,-0.128 -0.128,-0.128 -0.384,-0.128 -0.127,0 -0.127,0.128 -0.383,0.128 l -1.535,3.986 c 0,0.128 0,0.386 0.128,0.514 0.128,0 0.384,0 0.512,-0.128 l 1.278,-3.343 0.768,1.285 v 27.386 c 0,0.514 0.384,0.772 0.767,0.772 h 9.976 c 0.512,0 0.768,-0.386 0.768,-0.772 z m -7.418,-33.171 c -0.512,0 -1.024,-0.515 -1.024,-1.029 0,-1.671 1.279,-2.957 2.942,-2.957 h 3.581 c 0.512,-0.129 1.023,0.386 1.023,0.9 v 2.057 c 0,0.514 -0.511,1.029 -1.023,1.029 z m -0.384,5.014 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.186 c 0,-0.385 0.384,-0.642 0.64,-0.642 h 2.814 v 0.128 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,3.857 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,3.986 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,4.243 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,3.985 c -0.384,0 -0.64,-0.385 -0.64,-0.642 v -2.058 c 0,-0.385 0.384,-0.642 0.64,-0.642 h 2.814 c 0.383,0 0.639,0.385 0.639,0.642 v 2.058 c 0,0.385 -0.384,0.642 -0.639,0.642 z m 0,3.729 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -1.928 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,-0.129 0.639,0.257 0.639,0.514 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,4.371 c -0.384,0 -0.64,-0.385 -0.64,-0.642 v -2.058 c 0,-0.385 0.384,-0.642 0.64,-0.642 h 2.814 c 0.383,0 0.639,0.385 0.639,0.642 v 2.058 c 0,0.385 -0.384,0.642 -0.639,0.642 z m 0,3.858 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.385 0.639,0.643 v 2.057 c 0,0.385 -0.384,0.643 -0.639,0.643 z"
              id="rail-front"
            ></path>
            <path
              v-if="Data.controltype === 6 && Data.flip === true"
              :fill="showDefaultColor"
              d="m 24.392089,69.558502 c 0,-0.410119 -0.05739,-0.816369 -0.170883,-1.209077 l 2.416219,-1.142013 1.168451,0.46493 0.0019,0.676438 c 6.45e-4,0.187649 0.07674,0.363046 0.213442,0.496528 0.137996,0.133482 0.319841,0.205704 0.512649,0.205059 0.397867,-0.0019 0.721577,-0.318551 0.721577,-0.706746 l -0.01096,-2.904363 c 0,-0.187649 -0.07609,-0.36498 -0.213443,-0.497817 -0.137996,-0.132837 -0.319841,-0.204415 -0.513293,-0.20377 -0.397222,0.0019 -0.720287,0.317907 -0.720287,0.706101 l 0.0026,0.705456 -0.40754,-0.163145 V 59.09274 l 0.757044,0.234077 c 0.13993,0.05094 0.347569,0.178621 0.347569,0.288889 v 1.21617 c 0,0.388194 0.325,0.704166 0.724156,0.704166 0.399157,0 0.723512,-0.315972 0.723512,-0.704166 v -1.21617 c 0,-0.936954 -0.838293,-1.462499 -1.336755,-1.625644 l -4.268202,-1.319346 c 0.03547,-0.223115 0.05223,-0.450098 0.05223,-0.677082 0,-2.484572 -2.077679,-4.504859 -4.630604,-4.504859 -2.552925,0 -4.630603,2.020286 -4.630603,4.504859 0,2.483928 2.077678,4.504859 4.630603,4.504859 1.752033,0 3.353174,-0.969196 4.137945,-2.485861 l 0.651934,0.20119 -5.240623,5.113588 v 0.01225 c -0.0071,0.009 -0.01419,0.01806 -0.02193,0.02902 -0.02902,0.04321 -0.05094,0.08319 -0.06319,0.114782 -0.01096,0.02515 -0.01741,0.04836 -0.02193,0.06835 l 0.22892,0.08319 v 0 l -0.248265,-0.02063 c -0.01032,0.04578 -0.01548,0.0935 -0.01548,0.142509 l -0.0026,1.334815 c -2.280802,0.286309 -4.035415,2.20729 -4.035415,4.466813 0,2.484572 2.077678,4.505503 4.630603,4.505503 2.552925,0 4.630604,-2.020931 4.630604,-4.505503 z m 1.552132,-4.150196 -4.773114,-1.902275 4.773114,-4.657686 z m -5.332836,1.169096 c 0.6687,0.1812 1.261954,0.574553 1.684325,1.115575 L 20.608161,68.49 Z m 3.005605,0.490724 c -0.695139,-1.019493 -1.771379,-1.713342 -3.003026,-1.937747 l 0.0013,-0.325644 4.224998,1.686259 z m -4.458431,2.547122 c 0,0.243105 0.126388,0.465575 0.338541,0.597122 0.214732,0.130258 0.476537,0.143155 0.701587,0.03611 l 2.687053,-1.26969 c 0.03934,0.192162 0.05868,0.386259 0.05868,0.579712 0,1.708183 -1.427679,3.097171 -3.182936,3.097171 -1.755902,0 -3.184225,-1.388988 -3.184225,-3.097171 0,-1.504414 1.094295,-2.768947 2.587102,-3.04236 z m 0.717063,-14.323846 c -0.18507,-0.05675 -0.381101,-0.04062 -0.552629,0.04643 -0.170882,0.08641 -0.298561,0.232787 -0.355952,0.411408 -0.12252,0.371429 0.09866,0.769296 0.470089,0.884722 l 3.053322,0.944048 c -0.57004,0.927281 -1.613392,1.512797 -2.728967,1.512797 -1.755902,0 -3.184225,-1.388988 -3.184225,-3.097172 0,-1.708184 1.428323,-3.097171 3.184225,-3.097171 1.755257,0 3.182936,1.388987 3.182936,3.097171 0,0.07867 -0.0039,0.158631 -0.01161,0.24246 z"
              id="bike-back"
            ></path>
            <path
              v-if="Data.controltype === 6 && Data.flip === false"
              :fill="showDefaultColor"
              d="m 20.709132,69.609465 c 0,-0.412018 0.0577,-0.820149 0.17168,-1.214676 l -2.42741,-1.147301 -1.17386,0.467083 -0.002,0.679571 c -6.5e-4,0.188517 -0.0771,0.364726 -0.21444,0.498826 -0.13863,0.1341 -0.32132,0.206657 -0.51502,0.206009 -0.39971,-0.0019 -0.72492,-0.320026 -0.72492,-0.710018 l 0.011,-2.917812 c 0,-0.188518 0.0764,-0.36667 0.21443,-0.500122 0.13863,-0.133453 0.32132,-0.205362 0.51567,-0.204714 0.39906,0.0019 0.72362,0.319379 0.72362,0.709371 l -0.003,0.708722 0.40943,-0.1639 v -6.925269 l -0.76055,0.235161 c -0.14058,0.05118 -0.34918,0.179448 -0.34918,0.290227 v 1.221801 c 0,0.389992 -0.32651,0.707427 -0.72751,0.707427 -0.40101,0 -0.72686,-0.317435 -0.72686,-0.707427 v -1.221801 c 0,-0.941293 0.84217,-1.469271 1.34294,-1.633172 l 4.28797,-1.325453 c -0.0356,-0.224148 -0.0525,-0.452183 -0.0525,-0.680218 0,-2.496077 2.0873,-4.525719 4.65205,-4.525719 2.56474,0 4.65204,2.029642 4.65204,4.525719 0,2.495428 -2.0873,4.525718 -4.65204,4.525718 -1.76015,0 -3.3687,-0.973684 -4.15711,-2.497373 l -0.65495,0.202122 5.26489,5.137274 v 0.01231 c 0.007,0.0091 0.0143,0.01814 0.022,0.02915 0.0291,0.04341 0.0512,0.08357 0.0635,0.115314 0.011,0.02526 0.0175,0.04859 0.022,0.06866 l -0.22998,0.08358 v 0 l 0.24941,-0.02073 c 0.0104,0.046 0.0155,0.09394 0.0155,0.14317 l 0.003,1.340995 c 2.29137,0.287635 4.0541,2.217511 4.0541,4.487497 0,2.496076 -2.0873,4.526366 -4.65204,4.526366 -2.56475,0 -4.65205,-2.03029 -4.65205,-4.526366 z m -1.55932,-4.169414 4.79522,-1.911082 -4.79522,-4.67926 z m 5.35753,1.17451 c -0.67179,0.18204 -1.26779,0.577214 -1.69212,1.120741 l 1.69536,0.800714 z m -3.01952,0.492996 c 0.69836,-1.024214 1.77958,-1.721275 3.01693,-1.946719 l -0.001,-0.327153 -4.24457,1.694067 z m 4.47908,2.558916 c 0,0.244231 -0.12698,0.467731 -0.34011,0.599888 -0.21573,0.130861 -0.47875,0.143818 -0.70484,0.03628 l -2.69949,-1.275571 c -0.0395,0.193053 -0.0589,0.388049 -0.0589,0.582397 0,1.716093 1.43428,3.111512 3.19767,3.111512 1.76403,0 3.19897,-1.395419 3.19897,-3.111512 0,-1.51138 -1.09936,-2.781769 -2.59908,-3.056447 z m -0.72039,-14.390176 c 0.18593,-0.05701 0.38287,-0.04081 0.55519,0.04664 0.17167,0.08681 0.29994,0.233865 0.3576,0.413313 0.12309,0.373148 -0.0991,0.772858 -0.47226,0.888819 l -3.06746,0.948418 c 0.57267,0.931575 1.62086,1.519802 2.7416,1.519802 1.76403,0 3.19897,-1.395419 3.19897,-3.111512 0,-1.716093 -1.43494,-3.111512 -3.19897,-3.111512 -1.76339,0 -3.19767,1.395419 -3.19767,3.111512 0,0.07903 0.004,0.159365 0.0117,0.243582 z"
              id="bike-front"
            ></path>
            <!-- <path
              id="机动车道"
              v-if="Data.controltype === 0"
              :fill="showDefaultColor"
              d="M7580.97,1933h-22.54a0.864,0.864,0,0,1-.82-1.13l2.56-7.84a2.74,2.74,0,0,1,2.62-1.9h13.82a2.74,2.74,0,0,1,2.62,1.9l2.56,7.84A0.864,0.864,0,0,1,7580.97,1933Zm-21.34-1.73h20.14l-2.18-6.71a1.024,1.024,0,0,0-.98-0.7h-13.82a1,1,0,0,0-.97.7Zm4.05,13.73h-3.62a1.34,1.34,0,0,1-1.34-1.34v-3.05a1.34,1.34,0,0,1,1.34-1.34h3.62a1.34,1.34,0,0,1,1.34,1.34v3.05A1.34,1.34,0,0,1,7563.68,1945Zm-3.23-1.73h2.84V1941h-2.84v2.27Zm18.89,1.73h-3.62a1.34,1.34,0,0,1-1.34-1.34v-3.05a1.34,1.34,0,0,1,1.34-1.34h3.62a1.34,1.34,0,0,1,1.34,1.34v3.05A1.34,1.34,0,0,1,7579.34,1945Zm-3.23-1.73h2.84V1941h-2.84v2.27Zm6.03-12h-24.88a2.258,2.258,0,0,0-2.26,2.26v5.21a2.258,2.258,0,0,0,2.26,2.26h24.88a2.258,2.258,0,0,0,2.26-2.26v-5.21A2.258,2.258,0,0,0,7582.14,1931.27Zm-17.85,5.58a0.851,0.851,0,0,1-.85.86h-3.72a0.86,0.86,0,0,1-.86-0.86v-2a0.86,0.86,0,0,1,.86-0.86h3.72a0.851,0.851,0,0,1,.85.86v2Zm16.25,0a0.854,0.854,0,0,1-.86.86h-3.72a0.851,0.851,0,0,1-.85-0.86v-2a0.851,0.851,0,0,1,.85-0.86h3.72a0.854,0.854,0,0,1,.86.86v2Zm-17.88-6.47a0.935,0.935,0,0,1-.54-0.21,0.859,0.859,0,0,1-.08-1.22l2.88-3.32a0.865,0.865,0,1,1,1.31,1.13l-2.89,3.32A0.845,0.845,0,0,1,7562.66,1930.38Zm4.03,0.05a0.894,0.894,0,0,1-.57-0.21,0.868,0.868,0,0,1-.09-1.22l1.28-1.49a0.87,0.87,0,0,1,1.22-.1,0.861,0.861,0,0,1,.1,1.22l-1.29,1.5A0.849,0.849,0,0,1,7566.69,1930.43ZM55,1920H16438M55,1947H16438M84,1924H16467"
              transform="translate(-7548 -1876)"
            ></path>
            <path
              id="机动车支路"
              v-if="Data.controltype === 1"
              :fill="showDefaultColor"
              d="M7577.33,1930.61c-0.95-3.49-4.79-7.2-11.11-9.27,16.49,7.32-10.21,25.55-10.21,25.55,0.13,0.14,7.02.13,13.47,0.09C7571.76,1944.74,7579.07,1936.91,7577.33,1930.61Zm-11.37-9.6c7.8,1.71,12.58,4.26,13.84,8.87,1.75,6.37-3.36,13.36-6.69,17.08,4.17-.03,7.45-0.07,7.45-0.07C7594.96,1923.36,7570.15,1921.2,7565.96,1921.01Z"
              transform="translate(-7548 -1876)"
            ></path>
            <path
              id="公交车道"
              v-if="Data.controltype === 3"
              :fill="showDefaultColor"
              d="M7557.87,1936.49a2.252,2.252,0,1,0,2.34,2.25A2.469,2.469,0,0,0,7557.87,1936.49Zm0,3.87a1.679,1.679,0,0,1-1.69-1.62,1.537,1.537,0,0,1,1.69-1.62,1.679,1.679,0,0,1,1.69,1.62A1.764,1.764,0,0,1,7557.87,1940.36Zm22.45-3.87a2.252,2.252,0,1,0,2.34,2.25A2.287,2.287,0,0,0,7580.32,1936.49Zm0,3.87a1.621,1.621,0,1,1,1.69-1.62A1.777,1.777,0,0,1,7580.32,1940.36Zm7.01-13.35h-35.95a2.278,2.278,0,0,0-2.33,2.25V1933l-1.04.5v4.24a0.732,0.732,0,0,0,.78.75h5.83a3.093,3.093,0,0,1,3.12-2.87,3,3,0,0,1,3.12,2.87h16.22a3.076,3.076,0,0,1,3.11-2.87,2.992,2.992,0,0,1,3.11,2.87h1.95c1.82-.5,5.32-1.25,6.75-1.62v-5.86A4.19,4.19,0,0,0,7587.33,1927.01Zm-33.35,2.37-0.13,7.11a0.732,0.732,0,0,1-.78.75h-1.17a0.736,0.736,0,0,1-.78-0.75v-7.11a0.73,0.73,0,0,1,.78-0.74h1.3a0.728,0.728,0,0,1,.78.74h0Zm9.08,2.37a0.687,0.687,0,0,1-.65.63h-6.36a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.36a0.684,0.684,0,0,1,.65.62v2.62Zm8.7,0a0.687,0.687,0,0,1-.65.63h-6.36a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.36a0.684,0.684,0,0,1,.65.62v2.62Zm8.82,0a0.687,0.687,0,0,1-.65.63h-6.49a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.49a0.684,0.684,0,0,1,.65.62v2.62Zm8.83,0a0.687,0.687,0,0,1-.65.63h-6.36a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.36a0.692,0.692,0,0,1,.65.62v2.62Z"
              transform="translate(-7548 -1876)"
            ></path>
            <path
              id="BRT"
              v-if="Data.controltype === 4"
              :fill="showDefaultColor"
              d="M7554.92,1927.97h4.22a6.467,6.467,0,0,1,2.43.32,2.677,2.677,0,0,1,1.19,1.13,3.46,3.46,0,0,1,.48,1.82,3.56,3.56,0,0,1-.41,1.7,2.781,2.781,0,0,1-1.08,1.12,2.814,2.814,0,0,1,1.47,1.15,3.566,3.566,0,0,1,.53,1.98,4.116,4.116,0,0,1-.68,2.4,2.814,2.814,0,0,1-1.59,1.21,17,17,0,0,1-2.97.16h-3.59v-12.99Zm2.12,2.16v3.01h1.41a14.58,14.58,0,0,0,1.56-.05,1.349,1.349,0,0,0,.85-0.46,1.618,1.618,0,0,0,.3-1.03,1.572,1.572,0,0,0-.25-0.93,1.011,1.011,0,0,0-.6-0.45,12.642,12.642,0,0,0-2.04-.09h-1.23Zm0,5.17v3.46h1.98a5.755,5.755,0,0,0,1.67-.14,1.229,1.229,0,0,0,.62-0.54,1.923,1.923,0,0,0,.25-1.02,1.847,1.847,0,0,0-.27-1.04,1.359,1.359,0,0,0-.71-0.57,6.911,6.911,0,0,0-1.81-.15h-1.73Zm9.59,5.66v-12.99h4.48a6.233,6.233,0,0,1,2.45.35,2.793,2.793,0,0,1,1.21,1.22,4.265,4.265,0,0,1,.47,2.06,3.91,3.91,0,0,1-.72,2.46,3.215,3.215,0,0,1-2.05,1.17,5.562,5.562,0,0,1,1.13,1.08,16.127,16.127,0,0,1,1.21,2.11l1.28,2.54h-2.53l-1.54-2.83a20.26,20.26,0,0,0-1.13-1.92,1.784,1.784,0,0,0-.63-0.53,3.089,3.089,0,0,0-1.07-.14h-0.44v5.42h-2.12Zm2.12-7.5h1.58a8.411,8.411,0,0,0,1.84-.12,1.235,1.235,0,0,0,.64-0.52,1.977,1.977,0,0,0,.24-1.04,1.874,1.874,0,0,0-.24-1,1.255,1.255,0,0,0-.67-0.51,7.888,7.888,0,0,0-1.73-.1h-1.66v3.29Zm11.94,7.5v-10.79h-3.13v-2.2h8.37v2.2h-3.12v10.79h-2.12Z"
              transform="translate(-7548 -1876)"
            ></path>
            <path
              id="有轨电车"
              v-if="Data.controltype === 5"
              :fill="showDefaultColor"
              d="M7552.24,1940.19h38.32a0.738,0.738,0,0,0,.77-0.77v-9.97a0.739,0.739,0,0,0-.77-0.77h-27.39l-1.28-.77,3.34-1.28a0.742,0.742,0,0,0,.13-0.51,0.833,0.833,0,0,0-.52-0.12l-3.98,1.53a1.123,1.123,0,0,1-.13.38c0,0.26,0,.39.13,0.39l1.03,0.64h-4.12a7.99,7.99,0,0,0-7.97,7.93h0C7549.8,1938.15,7550.83,1940.58,7552.24,1940.19Zm34.85-7.8a0.678,0.678,0,0,1,.64-0.64h2.06a0.694,0.694,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64v-2.81Zm-3.86,0a0.686,0.686,0,0,1,.64-0.64h2.06a0.686,0.686,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64v-2.81Zm-4.24,2.81v-2.81a0.678,0.678,0,0,1,.64-0.64h1.93a0.694,0.694,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.509,0.509,0,0,1-.51-0.64h0Zm-3.86-2.81a0.686,0.686,0,0,1,.64-0.64h2.06a0.686,0.686,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64v-2.81Zm-3.99,0a0.688,0.688,0,0,1,.65-0.64h2.05a0.7,0.7,0,0,1,.65.64v2.81a0.688,0.688,0,0,1-.65.64h-2.05a0.686,0.686,0,0,1-.65-0.64v-2.81Zm-4.24,0a0.686,0.686,0,0,1,.64-0.64h2.06a0.686,0.686,0,0,1,.64.64v2.81a0.678,0.678,0,0,1-.64.64h-2.06a0.685,0.685,0,0,1-.64-0.64v-2.81Zm-3.99,0a0.688,0.688,0,0,1,.65-0.64h2.05a0.7,0.7,0,0,1,.65.64v2.81a0.688,0.688,0,0,1-.65.64h-2.05a0.686,0.686,0,0,1-.65-0.64v-2.81Zm-3.98,2.81v-2.81a0.686,0.686,0,0,1,.64-0.64h2.19a0.694,0.694,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64h-0.13Zm-5.53,3.07v-3.58a2.905,2.905,0,0,1,2.96-2.94,1.106,1.106,0,0,1,1.03,1.02v5.5a1.116,1.116,0,0,1-1.03,1.03h-2.06a0.916,0.916,0,0,1-.9-1.03h0Zm39.6,4.1a0.694,0.694,0,0,1-.64.64h-43.72a0.839,0.839,0,0,1-.64-0.64,0.686,0.686,0,0,1,.64-0.64h43.72A0.686,0.686,0,0,1,7593,1942.37Z"
              transform="translate(-7548 -1876)"
            ></path>
            <path
              id="非机动车"
              v-if="Data.controltype === 6"
              :fill="showDefaultColor"
              d="M7581.02,1931.62a6.608,6.608,0,0,0-1.87.27l-1.77-3.75,0.72-1.81h1.05a1.084,1.084,0,0,0,.77-0.33,1.143,1.143,0,0,0,.32-0.8,1.121,1.121,0,0,0-1.1-1.12l-4.5.02a1.107,1.107,0,0,0-.78.33,1.18,1.18,0,0,0-.31.8,1.1,1.1,0,0,0,1.09,1.11h1.1l-0.26.63h-10.69l0.37-1.17a0.789,0.789,0,0,1,.45-0.54h1.88a1.126,1.126,0,0,0,0-2.25h-1.88a2.855,2.855,0,0,0-2.53,2.08l-2.04,6.62a6.2,6.2,0,0,0-1.05-.09,7.188,7.188,0,1,0,6.98,7.19,7.225,7.225,0,0,0-3.85-6.42l0.31-1.01,7.93,8.12h0.02a0.1,0.1,0,0,0,.05.04,1.062,1.062,0,0,0,.17.1c0.04,0.01.08,0.02,0.11,0.03l0.13-.35h0l-0.03.38a0.784,0.784,0,0,0,.22.02l2.07,0.01A7,7,0,1,0,7581.02,1931.62Zm-6.43-2.4-2.95,7.4-7.22-7.4h10.17Zm1.81,8.27a4.918,4.918,0,0,1,1.73-2.61l1.24,2.61h-2.97Zm0.76-4.66a7.159,7.159,0,0,0-3,4.65h-0.51l2.62-6.55Zm3.95,6.91a1.09,1.09,0,0,0,.93-0.52,1.142,1.142,0,0,0,.05-1.09l-1.96-4.17a4.406,4.406,0,0,1,.89-0.09,4.937,4.937,0,0,1,0,9.87,4.808,4.808,0,0,1-4.71-4.01Zm-22.21-1.11a1.165,1.165,0,0,0,.07.86,1.119,1.119,0,0,0,.64.55,1.088,1.088,0,0,0,1.37-.73l1.47-4.74a5.026,5.026,0,0,1,2.34,4.24,4.8,4.8,0,1,1-4.8-4.94c0.12,0,.24.01,0.37,0.02Z"
              transform="translate(-7548 -1876)"
            ></path> -->
          </g>
        </g>
      </svg>
    </drr>
  </div>
</template>
<script>
export default {
  name: 'motor-icon-svg',
  data () {
    return {
      defaultColor: '#fff', // 默认状态颜色
      highlightColor: '#409EFF', // 选中高亮状态颜色
      item: {},
      reset: true,
      iconnameArr: [],
      showDefaultColor: '#fff', // 默认状态颜色
      GreenFlashColor: undefined,
      lastType: ''
    }
  },
  watch: {
    // item: {
    //   handler: function (newval, oldval) {
    //     if (JSON.stringify(oldval) !== '{}') {
    //       // 更改原数据的位置大小数据
    //       let data = {
    //         ...this.Data,
    //         ...newval
    //       }
    //       let fields = Object.keys(newval)
    //       this.$emit('changeMotorwayItem', data, fields)
    //     }
    //   }
    // },
    Data: {
      handler: function (val) {
        this.iconnameArr = val.icondirename
        if (this.UsageMode === 'draw') {
          this.item.x = val.x
          this.item.y = val.y
          this.item.angle = val.angle
        }
        if (this.UsageMode === 'show') {
          if (val.type === 4 && this.lastType === '') {
          // 绿闪：绿-》灰-》绿 循环效果
            this.GreenFlashColor = '#77fb65'
            this.GreenIntervalId = setInterval(() => {
              this.GreenFlashColor =
              !this.GreenFlashColor || this.GreenFlashColor === '#828282'
                ? '#77fb65'
                : '#828282'
            }, 500)
            this.lastType = val.type
          }
          if (
            this.GreenIntervalId &&
          val.type !== 4 &&
          val.type !== this.lastType
          ) {
            clearInterval(this.GreenIntervalId)
            this.GreenFlashColor = undefined
            this.lastType = ''
          }
        }
      },
      deep: true
    }
    // ,
    // chooseIndex: {
    //   handler: function (val) {
    //     console.log(this.Data)
    //   }
    // }
  },
  props: {
    Data: {
      type: Object
    },
    isSeletable: {
      type: Boolean
    },
    chooseIndex: {
      type: Number
    },
    UsageMode: {
      // 当前图标模式： 绘制draw 展示show
      type: String,
      default: 'draw'
    }
  },
  methods: {
    boxDragStop (origin, final) {
      this.item = JSON.parse(JSON.stringify(final))
      this.handleChangeData()
    },
    boxResizeStop (origin, final) {
      this.IconW = final.w + 'px'
      this.IconH = final.h + 'px'
      this.resetSvg()
      this.item = JSON.parse(JSON.stringify(final))
      this.handleChangeData()
    },
    boxRotateStop (origin, final) {
      this.item = JSON.parse(JSON.stringify(final))
      // 第四象限的角度是负值（开源组件接口返回），转化为正值便于理解
      if (this.item.angle < 0) {
        this.item.angle = this.item.angle + 360
      }
      this.handleChangeData()
    },
    resetSvg () {
      this.reset = false
      this.$nextTick(() => {
        this.reset = true
      })
    },
    handleSelectIcon () {
      this.$emit('handleSelectIcon', this.Data)
    },
    handleChangeData () {
      let data = {
        ...this.Data,
        ...this.item
      }
      let fields = Object.keys(this.item)
      this.$emit('changeMotorwayItem', data, fields)
      this.handleSelectIcon()
    }
  },
  created () {
    this.IconW = this.Data.w
    this.IconH = this.Data.h
    this.item = {
      x: this.Data.x,
      y: this.Data.y,
      w: this.Data.w,
      h: this.Data.h,
      angle: this.Data.angle
    }
  },
  mounted () {
    // console.log('motor', this.Data)
    this.iconnameArr = this.Data.icondirename
  }
}
</script>
<style scoped>
.invisible {
  visibility: hidden;
}
</style>
